/* mention list ui customization */
:root {
	--ck-color-list-button-on-background: #EFF0EF;
	--ck-color-list-button-on-background-focus: #EFF0EF;
	--ck-color-list-button-hover-background: #EFF0EF;
	--ck-color-list-button-on-text: black;

	/* Toolbar buttons / components  downsize for better integration with UIs */
	--ck-spacing-small: 0.35rem;
	--ck-ui-component-min-height: 1rem;
	--ck-icon-size: 1.3rem;

	--ck-z-default: 9999;

	/* Custom variables overloaded by backoffice or portals */
	--ck-text-tiny-font-size: 0.7rem;
	--ck-text-small-font-size: 0.85rem;
	--ck-text-big-font-size: 1.4rem;
	--ck-text-huge-font-size: 1.8rem;
}

/** text size classes */

.text-tiny {
	font-size: var(--ck-text-tiny-font-size);
}

.text-small {
	font-size: var(--ck-text-small-font-size);
}

.text-big {
	font-size: var(--ck-text-big-font-size);
}

.text-huge {
	font-size: var(--ck-text-huge-font-size);
}

/** marker classes */

.marker-yellow {
	background-color: var(--ck-highlight-marker-yellow);
}

.marker-green {
	background-color: var(--ck-highlight-marker-green);
}

.marker-pink {
	background-color: var(--ck-highlight-marker-pink);
}

.marker-blue {
	background-color: var(--ck-highlight-marker-blue);
}